<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>滨航集团</title>
    <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<script src="public/js/vue.js"></script>
<script src="public/js/axios.js"></script>

<!-- 引入样式 -->
<!--<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">-->
<link rel="stylesheet" href="public/css/element.css">
<!-- 引入组件库 -->
<!--<script src="https://unpkg.com/element-ui/lib/index.js"></script>-->
<script src="public/js/element.js"></script>


<link rel="stylesheet" href="public/css/swiper-bundle.css">
<script src="public/js/swiper-bundle.js"></script>
<link rel="stylesheet" href="public/css/index.css">
<script>
    // 使用正则表达式检测用户代理字符串来判断是否是手机设备
    var isMobile = /iPhone|iPad|iPod|Android|webOS|BlackBerry|Windows Phone/i.test(navigator.userAgent);

    // 如果是手机设备，执行重定向
    if (isMobile) {
        window.location.href = "/bhwapv2";
    }
</script>
<body style="margin: 0px">


<!--顶部导航-->

<div class="Nav">
    <div class="nav-content">
        <img loading='lazy'  class="tit_img" id="myImage" src="public/images/title.png"/>
        <a style="margin-left: 33px" class="link_a" href="index.html">滨航集团</a>
        <a class="link_a" href="Business.html">业务体系</a>
        <a class="link_a" href="Customer.html">客户案例</a>
        <a class="link_a" href="Service.html">服务中心</a>
        <a class="link_a link_adq" href="Ecological.html">生态联盟</a>
        <a class="link_a" href="About.html">关于滨航</a>
        <img  loading='lazy' class="tit_img_2" src="public/images/phone.png"/>
        <span class="link_span">022-58238822</span>
        <a class="link_but" href="https://bhmhtest.lianghang.cc" target="_blank">免费体验</a>
    </div>
</div>

<!-- 头图-->


<div class="swiper mySwiper">
    <div class="swiper-wrapper">
        <!--        循环层-->
        <div class="swiper-slide">
            <div class="image-container">
                <img loading='lazy'  style="max-width: 100%;height: auto;width: 100%" src="public/images/banner_5.png">
                <div class="centered-text">
                    <div>助力业务全程数字化</div>
                    <div>与伙伴、联盟、客户共同发展</div>
                </div>
            </div>
        </div>

    </div>
    <div class="swiper-pagination"></div>
</div>


<div id="app">

    <div class="body-h">


        <!--       供应商form-->
        <div class="qifw" id="scope-gys" style="align-items: center;height: 935px">
            <div class="public_title">
                <div>供应商加入</div>
                <div></div>
            </div>

            <div class="gys-zj">
                <div>
                    <div class="gys-zj-title">合作流程</div>
                    <div class="gys-zj-xbt" :class="gyxx===0?'gys-zj-xz':''" @click="gyff(0)">工作流程</div>
                    <div class="gys-zj-fgx"></div>
                    <div class="gys-zj-title" style="margin-top: 24px">合作栏目</div>
                    <div class="gys-zj-xbt" :class="gyxx===1?'gys-zj-xz':''" @click="gyff(1)">企业服务</div>
                    <div class="gys-zj-xbt" :class="gyxx===2?'gys-zj-xz':''" @click="gyff(2)">行业软件</div>
                    <div class="gys-zj-xbt" :class="gyxx===3?'gys-zj-xz':''" @click="gyff(3)">灵活用工</div>
                    <div class="gys-zj-xbt" :class="gyxx===4?'gys-zj-xz':''" @click="gyff(4)">建筑施工</div>
                    <div class="gys-zj-xbt" :class="gyxx===5?'gys-zj-xz':''" @click="gyff(5)">数字展厅</div>
                    <div class="gys-zj-xbt" :class="gyxx===6?'gys-zj-xz':''" @click="gyff(6)">系统集成</div>
                </div>
                <div class="gys-lc">
                    <div class="gys-zj-title">
                        {{gyxx === 0 ? '工作流程' : gyxx === 1 ? '企业服务' : gyxx === 2 ? '行业软件' : gyxx === 3 ? '灵活用工' : gyxx === 4 ? '建筑施工' : gyxx === 5 ? '数字展厅' : gyxx === 6 ? '系统集成' : ''}}
                    </div>
                    <div class="gys-zj-fgx" style="width: 100%"></div>
                    <div class="gys-gz" v-if="gyxx===0" style="margin-top: 40px">
                        <div class="gys-gz-title" style="margin-left: 41px">
                            <div class="zixun-content" style="justify-content: flex-start;width: 800px">
                                <div>
                                    <div><img loading='lazy'  src="public/st/gys_1.png"/>
                                        <div class="fu-xx" style="width: 159px"></div>
                                    </div>
                                    <div style="width: 200px;margin-left: -15px">合作伙伴申请</div>
                                    <div class="gys-xbt">请您点击左侧“合作栏目”填写申请表</div>
                                </div>
                                <div>
                                    <div><img loading='lazy'  src="public/st/gys_2.png"/>
                                        <div class="fu-xx" style="width: 159px"></div>
                                    </div>
                                    <div style="width: 200px;margin-left: -15px">合作伙伴评估</div>
                                    <div class="gys-xbt">相关工作人员会与贵司联系沟通</div>
                                </div>
                                <div>
                                    <div><img loading='lazy'  src="public/st/gys_3.png"/>
                                        <div class="fu-xx" style="width: 159px"></div>
                                    </div>
                                    <div style="width: 200px;margin-left: -15px">合同协议签订</div>
                                    <div class="gys-xbt">根据具体的合作，签订相应的协议</div>
                                </div>
                                <div>
                                    <div style="justify-content: flex-start"><img loading='lazy'  src="public/st/gys_4.png"/></div>
                                    <div style="width: 200px;margin-left: -15px">伙伴账户开通</div>
                                    <div class="gys-xbt">合作伙伴系统账户开通，可随时登录</div>
                                </div>
                            </div>
                        </div>
                        <div class="gys-wsnr" style="margin-top: 40px">
                            非常感谢您关注我们的合作伙伴计划！在填写申请表格之前，请确信您已经仔细看过我们的网站和一些有关我们的信息。
                        </div>
                        <div class="gys-wsnr">我们的一般工作流程是：</div>
                        <div class="gys-wsnr"><span>1.获得您的合作伙伴申请表。</span>希望您在填写的时候尽可能地详尽。
                        </div>
                        <div class="gys-wsnr"><span>2.合作伙伴评估。</span>我们将有专门的工作小组和贵司联系，与贵司做更进一步的沟通。
                        </div>
                        <div class="gys-wsnr"><span>3.合作协议签订。</span>我们将视具体的合作，签订相应的协议，明确双方合作的目标、权利和义务，以及合作的规划。
                        </div>
                        <div class="gys-wsnr"><span>4.合作伙伴系统帐户开通。</span>在我们的业务平台上，为贵司开通合作伙伴帐户。您可以随时登录，获取最新的信息并与我们保持联系。
                        </div>
                        <div class="gys-wsnr">
                            我们怀着真诚和认真的态度对待每一份合作伙伴的申请，当我们需要更多的时间和您沟通时，请给予支持。
                        </div>
                        <div class="gys-wsnr">收到您的申请表后，我们将在两个工作日内与您联系。再次感谢您的支持，如果有任何关于我们的合作伙伴计划的问题，欢迎您通过022-58238822
                            与我们联系。
                        </div>

                    </div>

                    <div class="gys-form" style="margin-top: 40px" v-else>
                        <div class="gys-btzuo">
                            <div>企业名称</div>
                            <div>联系人</div>
                            <div>联系电话</div>
                            <div style="height: 120px">主要业务类型</div>
                            <div style="height: 120px">主要产品描述</div>
                            <div style="border-bottom: none;height: 120px">希望合作方式</div>
                        </div>
                        <div class="gys-nryou">
                            <div><input class="gys-input" v-model="formdata.name" placeholder="请输入" /></div>
                            <div><input class="gys-input" v-model="formdata.contacts" placeholder="请输入"/></div>
                            <div><input class="gys-input" v-model="formdata.phone" placeholder="请输入"/></div>
                            <div style="height: 120px">
                                <el-checkbox-group style="width: 544px" v-model="checkList">
                                    <el-checkbox v-for="(item,index) in fxkList" :key="item.id" :label="item.id"
                                                 :style="{'marginTop':index===4?'30px':''}">{{item.name}}</el-checkbox>
                                </el-checkbox-group>
                            </div>
                            <div style="height: 120px"><textarea v-model="formdata.intro" class="gys-wby"
                                                                 style="resize: none;width: 280px" rows="5"
                                                                 placeholder="请输入"></textarea></div>
                            <div style="border-bottom: none;height: 120px"><textarea v-model="formdata.cooperate"
                                                                                     class="gys-wby"
                                                                                     style="resize: none;width: 280px"
                                                                                     rows="5"
                                                                                     placeholder="请输入"></textarea>
                            </div>
                        </div>
                    </div>

                    <div class="gys-tj" v-if="gyxx !== 0" style="margin-top: 16px">
                        <div style="color: #FFFFFF;background: #2C51A2;margin-right: 10px" @click="formFn">提交</div>
                        <div @click="rest">重置</div>
                    </div>

                </div>
            </div>

        </div>


        <!--        footer-from-->
        <div class="footer-from">
            <div class="footer-from-title">请专业顾问为您解答或演示</div>
            <div class="footer-from-title-fu">留下姓名和联系方式, 会有专业工作人员免费为您服务</div>
            <div class="footer-from-content" style="margin-top: 58px">
                <div class="footer-from-name">
                    <div>姓名:</div>
                    <input v-model="footForm.name" style="width: 120px;color: rgba(255,255,255,0.8);"/></div>
                <div class="footer-from-phone" style="margin-left: 12px;margin-right: 16px">
                    <div>联系方式:</div>
                    <input v-model="footForm.phome" style="width: 220px;color: rgba(255,255,255,0.8);"/></div>
                <div class="footer-from-but" @click="FootFn">立即咨询</div>
            </div>
        </div>

        <!--        footer-->
        <div class="footer">
            <div class="footer-cont">
                <div class="footer-cont-top">
                    <div class="footer-cont-cp">
                        <div class="footer-title" style="margin-bottom: 12px">服务与产品</div>
                        <div class="footer-cont-x-title">
                            <a href="Business.html#scope-gsfw">工商服务</a>
                            <a href="Business.html#ft=1">数字展陈</a>
                            <a href="Business.html#scope-zscq">知识产权</a>
                            <a href="Business.html#ft=2">平台开发</a>
                            <a href="Business.html#scope-zzrz">资质认证</a>
                            <a href="Business.html#ft=3">园区运营</a>
                            <a href="Business.html#ft=6">税务服务</a>
                            <a href="Business.html#ft=4">人才服务</a>
                            <a href="Business.html#ft=7">会计服务</a>
                            <a href="Business.html#ft=5">联盟运营</a>
                        </div>
                    </div>

                    <div class="footer-cont-gy">
                        <div class="footer-title" style="margin-bottom: 12px">关于滨航</div>
                        <div class="footer-cont-gy-title">
                            <a href="About.html#social-responsibility_1">企业简介</a>
                            <a href="About.html#social-responsibility_2">创业历程</a>
                            <a href="About.html#social-responsibility_3">社会责任</a>
                            <a href="About.html#social-responsibility_4">荣誉资质</a>
                        </div>
                    </div>

                    <div class="footer-cont-lx">
                        <div class="footer-title" style="margin-bottom: 12px">联系我们</div>
                        <div class="footer-cont-lx-c">
                            <div>市场部: 022-58238822</div>
                            <div>总部地址: 天津市东丽区外环东路3699号滨航腾云创意园</div>
                        </div>
                    </div>

                    <div style="margin-left: 272px">
                        <img loading='lazy'  src="public/images/bhjt.png"/>
                    </div>
                </div>
                <div class="footer-hx"></div>
                <div class="footer-cont-dow">
                    <div>
                        <div>隐私条款</div>
                        <div>服务条款</div>
                    </div>
                    <div>
                        <div>滨航企业管理(天津)集团有限公司</div>
                        <div>津ICP备19009508号-1</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<script>

    // 获取图片元素
    var image = document.getElementById("myImage");

    // 添加点击事件监听器
    image.addEventListener("click", function () {
        // 导航到首页的URL，你需要将此URL替换为你的实际首页URL
        window.location.href = "index.html";
    });

    var swiper = new Swiper(".mySwiper", {
        // loop: true,
        // autoplay: {
        //     delay: 3000,
        //     disableOnInteraction: false,
        // },
        // pagination: {
        //     el: ".mySwiper .swiper-pagination",
        // },
    });


    var swiper = new Swiper(".image-lunbo-w", {
        slidesPerView: 3,
        spaceBetween: 30,
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
    });


    // 在DOM加载完成后执行
    document.addEventListener('DOMContentLoaded', function() {
        // 获取图片元素
        var titleImage = document.querySelector('.tit_img');
        var titleImage_1 = document.querySelector('.tit_img_2');

        // 创建新的Image对象并设置图像的src属性以提前加载
        var preloadedImage = new Image();
        preloadedImage.src = 'public/images/title_1.png';

        var preloadedImage1 = new Image();
        preloadedImage1.src = 'public/images/phone_1.png';

        // 添加滚动事件监听器
        window.addEventListener('scroll', function () {
            var navElement = document.querySelector('.Nav');
            var navContentElement = document.querySelector('.nav-content');

            if (window.scrollY > 0) {
                navElement.classList.add('scrolled');
                navContentElement.classList.add('scrolled-content');

                // 更改图片链接为已预加载的图像
                if (titleImage) {
                    titleImage.src = preloadedImage.src;
                }

                if (titleImage_1) {
                    titleImage_1.src = preloadedImage1.src;
                }
            } else {
                navElement.classList.remove('scrolled');
                navContentElement.classList.remove('scrolled-content');

                // 恢复图片链接为默认图像
                if (titleImage) {
                    titleImage.src = 'public/images/title.png';
                }
                if (titleImage_1) {
                    titleImage_1.src = 'public/images/phone.png';
                }
            }
        });
    });


    var vm = new Vue({
        el: '#app',
        data: {
            jsfuIsShow: 0,
            jsfuList: ['企业服务', '行业软件', '灵活用工', '建筑施工', '数字展厅', '系统集成'],
            footForm: {
                name: '',
                phome: ''
            },
            qtval: 0,
            gyxx: 0,
            checkList: [],
            apiurl : 'https://xcglapi.tjbinhang.cn',
            // apiurl: 'http://192.168.9.107:8089',
            fxkList: [],
            formdata: {
                name: '',
                contacts: '',
                phone: '',
                business_type: '',
                intro: '',
                cooperate: '',
            }


        },
        created() {
            // 使用window.location.hash来获取URL中的哈希部分
            var hash = window.location.hash;

            // 使用正则表达式或其他方法解析哈希部分中的参数
            var matches = hash.match(/#sy=(\d+)/);
            if (matches && matches.length >= 2) {
                var syValue = matches[1];
                this.gyxx = Number(syValue)
                setTimeout(function () {
                    var targetElement = document.getElementById("scope-gys");
                    if (targetElement) {
                        targetElement.scrollIntoView();
                    }
                }, 100); // 500毫秒延时
                console.log('sy参数：', typeof syValue); // 输出：sy参数：1
            }

            this.gysfx()

        },
        methods: {
            rest() {
                this.formdata.name = ''
                this.formdata.contacts = ''
                this.formdata.phone = ''
                this.formdata.business_type = ''
                this.formdata.intro = ''
                this.formdata.cooperate = ''
                this.checkList = []
            },
            formFn(){
                this.formdata.business_type = this.checkList.join(',')
                axios.post(this.apiurl + '/api/v1/EnterpriseServices/create',this.formdata).then(res=>{
                    console.log(res.data)
                    if (res.data.code === 200){
                        this.$message({
                            showClose: true,
                            message: '提交成功',
                            type: 'success',
                        });
                    }else{
                        this.$message({
                            showClose: true,
                            message: res.data.msg,
                            type: 'error',
                        });
                    }
                })
            },


            gysfx() {
                axios.get(this.apiurl + '/api/v1/EnterpriseServices/create').then(res => {

                    if (res.data.code === 200) {
                        this.fxkList = res.data.data
                    }
                })
            },

            Jsfw(id) {
                this.jsfuIsShow = id
            },
            xfdj(id) {
                this.xfIsShow = id
            },
            FootFn() {
                if (this.footForm.name.trim() && this.footForm.phome.trim()) {
                    axios.post(this.apiurl + '/api/v1/website/create', {
                        phone: this.footForm.phome.trim(),
                        username: this.footForm.name.trim()
                    }).then(res => {
                        if (res.data.code === 200) {
                            this.$message({
                                showClose: true,
                                message: '提交成功',
                                type: 'success',
                            });
                        } else {
                            this.$message({
                                showClose: true,
                                message: res.data.msg,
                                type: 'error',
                            });
                        }
                    })
                } else {
                    this.$message({
                        showClose: true,
                        message: '请填写用户名或手机号',
                        type: 'error',
                    });
                }
            },
            qt(val) {
                this.qtval = val
            },
            gyff(val) {
                this.gyxx = val
            }

        }
    })
</script>
</body>
</html>
